<template>
    <view class="building_ground_map_page flex-col">
        <view class="block_1 flex-row">
            <view class="box_1 flex-col">
                <view class="box_4 flex-col">
                    <view class="box_5 flex-row">
                        <view class="image-text_1 flex-row justify-between">
                            <image class="thumbnail_6" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGfef1973148fa2b42021e5e0882d04d90.png" />
                            <text class="text-group_1">请输入关键字搜索</text>
                        </view>
                    </view>
                </view>
            </view>
            <view class="box_6 flex-col">
                <view class="box_7 flex-row">
                    <text class="text_3">华侨城天澜美</text>
                    <view class="text-wrapper_1 flex-col">
                        <text class="text_4">施工中</text>
                    </view>
                </view>
                <view class="image-wrapper_1 flex-row justify-between">
                    <image class="image_2" referrerpolicy="no-referrer"
                        src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/b2cbd46043d34a6799740b0684e1969d_mergeImage.png" />
                    <image class="label_1" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG12d92d8d7a4c24c8c4a27095226a4fb9.png" />
                </view>
                <view class="image-wrapper_2 flex-row">
                    <image class="thumbnail_7" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG94105afac7fb78183eae15531594592b.png" />
                    <image class="image_3" referrerpolicy="no-referrer"
                        src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/655b91b280bd442ebb711c5c4fbb6542_mergeImage.png" />
                    <image class="thumbnail_8" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG94105afac7fb78183eae15531594592b.png" />
                </view>
                <view class="image-wrapper_3 flex-row justify-between">
                    <image class="image_4" referrerpolicy="no-referrer"
                        src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/687288931d8d41c0a508e6035a2e86ea_mergeImage.png" />
                    <image class="image_5" referrerpolicy="no-referrer"
                        src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/02c2411872594d0386c442138a79d616_mergeImage.png" />
                </view>
                <view class="image-wrapper_4 flex-row justify-between">
                    <image class="thumbnail_9" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG94105afac7fb78183eae15531594592b.png" />
                    <image class="image_6" referrerpolicy="no-referrer"
                        src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/df72f1c29fc64fc094b50f35821b0d9c_mergeImage.png" />
                </view>
                <view class="box_8 flex-row">
                    <view class="image-text_2 flex-row justify-between">
                        <image class="image_7" referrerpolicy="no-referrer"
                            src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG06de83fb9c5c18511cebf66d66786550.png" />
                        <view class="group_2 flex-col">
                            <view class="text-group_2 flex-col justify-between">
                                <text class="text_5">「华侨城天澜美墅别墅」</text>
                                <view class="text-wrapper_2 flex-row justify-between">
                                    <text class="text_6">1238㎡</text>
                                    <text class="text_7">现代简约</text>
                                    <text class="text_8">1385万</text>
                                </view>
                            </view>
                            <view class="text-wrapper_3 flex-col">
                                <text class="text_9">施工节点：水电进场</text>
                            </view>
                            <view class="text-wrapper_4 flex-col">
                                <text class="text_10">查看详情</text>
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>
<script setup>
import { } from 'vue'
</script>
<style scoped lang="scss">
.building_ground_map_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750rpx;
    height: 1624rpx;
    overflow: hidden;

    .block_1 {
        width: 750rpx;
        height: 1624rpx;

        .box_1 {
            width: 750rpx;
            height: 294rpx;

            .box_2 {
                width: 682rpx;
                height: 36rpx;
                margin: 30rpx 0 0 42rpx;

                .text_1 {
                    width: 108rpx;
                    height: 36rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 1);
                    font-size: 30rpx;
                    letter-spacing: -0.30000001192092896px;
                    font-family: AlibabaPuHuiTi-Regular;
                    font-weight: normal;
                    text-align: center;
                    white-space: nowrap;
                    line-height: 36rpx;
                }

                .thumbnail_1 {
                    width: 34rpx;
                    height: 22rpx;
                    margin: 6rpx 0 0 438rpx;
                }

                .thumbnail_2 {
                    width: 32rpx;
                    height: 22rpx;
                    margin: 6rpx 0 0 10rpx;
                }

                .image_1 {
                    width: 50rpx;
                    height: 24rpx;
                    margin: 6rpx 0 0 10rpx;
                }
            }

            .box_3 {
                width: 702rpx;
                height: 64rpx;
                margin: 34rpx 0 0 36rpx;

                .thumbnail_3 {
                    width: 18rpx;
                    height: 34rpx;
                    margin-top: 16rpx;
                }

                .text_2 {
                    width: 134rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(0, 0, 0, 0.9);
                    font-size: 34rpx;
                    font-family: AlibabaPuHuiTi-Regular;
                    font-weight: normal;
                    text-align: center;
                    white-space: nowrap;
                    line-height: 40rpx;
                    margin: 8rpx 0 0 256rpx;
                }

                .block_2 {
                    background-color: rgba(255, 255, 255, 0.3);
                    border-radius: 16px;
                    width: 174rpx;
                    height: 64rpx;
                    border: 0.5px solid rgba(151, 151, 151, 0.20100203156471252);
                    margin-left: 120rpx;

                    .thumbnail_4 {
                        width: 38rpx;
                        height: 14rpx;
                        margin: 26rpx 0 0 28rpx;
                    }

                    .group_1 {
                        background-color: rgba(255, 255, 255, 0.198907);
                        width: 2rpx;
                        height: 38rpx;
                        margin: 14rpx 0 0 22rpx;
                    }

                    .thumbnail_5 {
                        width: 34rpx;
                        height: 34rpx;
                        margin: 16rpx 26rpx 0 24rpx;
                    }
                }
            }

            .box_4 {
                background-color: rgba(255, 255, 255, 1);
                height: 104rpx;
                width: 750rpx;
                margin: 12rpx 0 14rpx 0;

                .box_5 {
                    background-color: rgba(245, 245, 245, 1);
                    border-radius: 17px;
                    width: 710rpx;
                    height: 68rpx;
                    margin: 18rpx 0 0 20rpx;

                    .image-text_1 {
                        width: 262rpx;
                        height: 40rpx;
                        margin: 14rpx 0 0 20rpx;

                        .thumbnail_6 {
                            width: 32rpx;
                            height: 32rpx;
                            margin-top: 4rpx;
                        }

                        .text-group_1 {
                            width: 220rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(153, 153, 153, 1);
                            font-size: 28rpx;
                            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                        }
                    }
                }
            }
        }

        .box_6 {
            width: 750rpx;
            height: 1332rpx;
            background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG095458e6fa0b7f01fd81d4fee9831950.png) 100% no-repeat;
            background-size: 100% 100%;
            margin: 292rpx 0 0 -750rpx;

            .box_7 {
                box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
                background-color: rgba(97, 52, 27, 1);
                border-radius: 2px;
                width: 304rpx;
                height: 70rpx;
                margin: 462rpx 0 0 204rpx;

                .text_3 {
                    width: 166rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 28rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                    margin: 16rpx 0 0 12rpx;
                }

                .text-wrapper_1 {
                    background-color: rgba(255, 255, 255, 0.1);
                    border-radius: 1px;
                    height: 38rpx;
                    width: 92rpx;
                    margin: 18rpx 14rpx 0 20rpx;

                    .text_4 {
                        width: 72rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(255, 255, 255, 1);
                        font-size: 24rpx;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                        margin: -2rpx 0 0 10rpx;
                    }
                }
            }

            .image-wrapper_1 {
                width: 78rpx;
                height: 72rpx;
                margin: 6rpx 0 0 300rpx;

                .image_2 {
                    width: 28rpx;
                    height: 48rpx;
                    margin-top: 24rpx;
                }

                .label_1 {
                    width: 42rpx;
                    height: 48rpx;
                }
            }

            .image-wrapper_2 {
                width: 402rpx;
                height: 64rpx;
                margin: 40rpx 0 0 76rpx;

                .thumbnail_7 {
                    width: 28rpx;
                    height: 32rpx;
                    margin-top: 20rpx;
                }

                .image_3 {
                    width: 32rpx;
                    height: 50rpx;
                    margin: 14rpx 0 0 252rpx;
                }

                .thumbnail_8 {
                    width: 28rpx;
                    height: 32rpx;
                    margin-left: 62rpx;
                }
            }

            .image-wrapper_3 {
                width: 94rpx;
                height: 72rpx;
                margin: 12rpx 0 0 412rpx;

                .image_4 {
                    width: 32rpx;
                    height: 48rpx;
                }

                .image_5 {
                    width: 34rpx;
                    height: 42rpx;
                    margin-top: 30rpx;
                }
            }

            .image-wrapper_4 {
                width: 290rpx;
                height: 62rpx;
                margin: 4rpx 0 0 66rpx;

                .thumbnail_9 {
                    width: 28rpx;
                    height: 32rpx;
                    margin-top: 30rpx;
                }

                .image_6 {
                    width: 32rpx;
                    height: 48rpx;
                }
            }

            .box_8 {
                box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
                background-color: rgba(255, 255, 255, 1);
                border-radius: 5px;
                width: 710rpx;
                height: 314rpx;
                margin: 106rpx 0 48rpx 20rpx;

                .image-text_2 {
                    width: 650rpx;
                    height: 274rpx;
                    margin: 20rpx 0 0 20rpx;

                    .image_7 {
                        width: 220rpx;
                        height: 274rpx;
                    }

                    .group_2 {
                        width: 424rpx;
                        height: 254rpx;
                        margin-top: 20rpx;

                        .text-group_2 {
                            width: 346rpx;
                            height: 82rpx;

                            .text_5 {
                                width: 346rpx;
                                height: 40rpx;
                                overflow-wrap: break-word;
                                color: rgba(36, 36, 36, 1);
                                font-size: 32rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 40rpx;
                            }

                            .text-wrapper_2 {
                                width: 322rpx;
                                height: 28rpx;
                                margin: 14rpx 0 0 14rpx;

                                .text_6 {
                                    width: 88rpx;
                                    height: 28rpx;
                                    overflow-wrap: break-word;
                                    color: rgba(151, 151, 151, 1);
                                    font-size: 26rpx;
                                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                    font-weight: normal;
                                    text-align: left;
                                    white-space: nowrap;
                                    line-height: 28rpx;
                                }

                                .text_7 {
                                    width: 102rpx;
                                    height: 28rpx;
                                    overflow-wrap: break-word;
                                    color: rgba(151, 151, 151, 1);
                                    font-size: 26rpx;
                                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                    font-weight: normal;
                                    text-align: left;
                                    white-space: nowrap;
                                    line-height: 28rpx;
                                    margin-left: 22rpx;
                                }

                                .text_8 {
                                    width: 88rpx;
                                    height: 28rpx;
                                    overflow-wrap: break-word;
                                    color: rgba(151, 151, 151, 1);
                                    font-size: 26rpx;
                                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                    font-weight: normal;
                                    text-align: left;
                                    white-space: nowrap;
                                    line-height: 28rpx;
                                    margin-left: 22rpx;
                                }
                            }
                        }

                        .text-wrapper_3 {
                            background-color: rgba(97, 52, 27, 0.07);
                            border-radius: 1px;
                            height: 38rpx;
                            width: 232rpx;
                            margin: 14rpx 0 0 20rpx;

                            .text_9 {
                                width: 212rpx;
                                height: 40rpx;
                                overflow-wrap: break-word;
                                color: rgba(97, 52, 27, 1);
                                font-size: 24rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 40rpx;
                                margin: -2rpx 0 0 10rpx;
                            }
                        }

                        .text-wrapper_4 {
                            background-color: rgba(97, 52, 27, 1);
                            border-radius: 2px;
                            height: 80rpx;
                            width: 410rpx;
                            margin: 40rpx 0 0 14rpx;

                            .text_10 {
                                width: 134rpx;
                                height: 30rpx;
                                overflow-wrap: break-word;
                                color: rgba(255, 255, 255, 1);
                                font-size: 32rpx;
                                letter-spacing: 7px;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 30rpx;
                                margin: 26rpx 0 0 138rpx;
                            }
                        }
                    }
                }
            }
        }
    }
}
</style>